<template>
	<div>
		<el-tabs v-model="activeName" @tab-click="handleClick">
			<el-tab-pane label="同城帮买" name="first">
				<div style="display: inline-block;">
					<div style="display: inline-block;margin: 5px;">
						<span>状态：</span>
						<el-select v-model="indentState" style="width:150px;margin-left: 10px;"
							@change="select(indentState)">
							<el-option v-for="item in statesnum" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>&nbsp;&nbsp;
					</div>
					<div style="display: inline-block;margin: 5px;">
						<span>收货人手机号：</span>
						<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入手机号"
							v-model="phoneT">
						</el-input>&nbsp;&nbsp;
					</div>
					<div style="display: inline-block;margin: 5px;">
						<el-select v-model="flag" style="width:150px;margin-left: 10px;" @change="orderfenxi">
							<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</el-select>&nbsp;&nbsp;&nbsp;
						<el-date-picker style="width: 200px;margin-left: 10px;" v-model="info.stockDate" align="right"
							type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间"
							@change="animeOrder">
						</el-date-picker>
					</div>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="select">查询
					</el-button>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="cleans">重置
					</el-button>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="addBtn()">添加
					</el-button>
					<!-- <el-button style='margin:0 0 20px 20px;' v-if="isAuth('autonym:pass')" size="mini" type="primary"
						icon="document" @click="passClick()" :disabled="checkBoxData.length <= 0">通过</el-button> -->
				</div>
				<el-table v-loading="tableDataLoading" :data="homeData.list">
					<el-table-column fixed prop="id" label="编号" width="80">
						<template slot-scope="scope">
							<div>{{scope.$index+1}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="nickName" label="发布人昵称" width="120">
						<template slot-scope="scope">
							<div style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row)">
								{{scope.row.nickName}}
							</div>
						</template>
					</el-table-column>

					<el-table-column prop="productDetails" label="帮买物品" width="150">
					</el-table-column>
					<el-table-column prop="buyType" label="购买类型">
						<template slot-scope="scope">
							<div v-if="scope.row.buyType==0">骑手就近购买</div>
							<div v-if="scope.row.buyType==1">指定购买地址</div>
						</template>
					</el-table-column>
					<el-table-column prop="shipAddressDetail" label="指定地址" width="200">
						<template slot-scope="scope">
							<div v-if="scope.row.shipAddressDetail">
								{{scope.row.shipAddressDetail}}<span
									v-if="scope.row.shipAddress">({{scope.row.shipAddress}})</span>
							</div>
							<div v-else>就近购买</div>
						</template>
					</el-table-column>
					<el-table-column prop="deilveryAddressDetail" label="收货地址" width="200">
						<template slot-scope="scope">
							<div>{{scope.row.deliveryAddress}}({{scope.row.deilveryAddressDetail}})</div>
							<div>联系人：{{scope.row.deliveryUserName}} {{scope.row.deliveryUserPhone}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="sendOutTime" label="购买时间" width="150"></el-table-column>

					<el-table-column prop="prepayMoney" label="预估商品费用">
					</el-table-column>
					<el-table-column prop="redPacketAmount" label="红包">
					</el-table-column>
					<el-table-column prop="tip" label="小费">
					</el-table-column>
					<el-table-column prop="errandMoney" label="跑腿费">
					</el-table-column>

					<el-table-column prop="platformMoney" label="平台收入">
					</el-table-column>
					<el-table-column prop="riderMoney" label="骑手/师傅收入">
					</el-table-column>
					<el-table-column prop="indentBasicsMoney" label="订单基础价格">
					</el-table-column>
					<el-table-column prop="riderFine" label="骑手取消订单罚金">
					</el-table-column>
					<!-- <el-table-column prop="userFine" label="用户取消订单罚金">
					</el-table-column> -->
					<el-table-column prop="cargoInsurance" label="保价费">
					</el-table-column>
					<el-table-column prop="cargoInsuranceFlag" label="是否保价">
						<template slot-scope="scope">
							<div v-if="scope.row.cargoInsuranceFlag==1">否</div>
							<div v-if="scope.row.cargoInsuranceFlag==0">是</div>
						</template>
					</el-table-column>
					<el-table-column prop="indentMoney" label="总费用">
					</el-table-column>
					<el-table-column prop="itemCode" label="收货码">
					</el-table-column>
					<el-table-column prop="remarks" label="备注" width="200">
					</el-table-column>
					<!-- <el-table-column prop="riderLongitude" label="完成时骑手经度">
					</el-table-column>
					<el-table-column prop="riderLatitude" label="完成时骑手纬度度">
					</el-table-column> -->
					<el-table-column prop="createTime" label="创建时间" width="160">
					</el-table-column>
					<el-table-column prop="state" label="状态" fixed="right">
						<template slot-scope="scope">
							<div v-if="scope.row.indentState=='0'">未支付</div>
							<div v-if="scope.row.indentState=='1'">未支付</div>
							<div v-if="scope.row.indentState=='2'">已支付</div>
							<div v-if="scope.row.indentState=='3'">骑手已接单</div>
							<div v-if="scope.row.indentState=='4'">骑手已取货/购买</div>
							<!-- <div v-if="scope.row.indentState=='5'">已送达</div> -->
							<div v-if="scope.row.indentState=='6'">订单已完成</div>
							<!-- <div v-if="scope.row.indentState=='7'">已完成</div> -->
							<div v-if="scope.row.indentState=='8'">用户取消订单</div>
							<div v-if="scope.row.indentState=='9'">骑手取消订单</div>
							<div v-if="scope.row.indentState=='10'">已下架</div>
							<div v-if="scope.row.indentState=='11'">超时自动取消</div>
						</template>
					</el-table-column>
					<el-table-column label="操作" width="80" fixed="right">
						<template slot-scope="scope">
							<!-- <el-button style='margin:5px;' size="mini" type="primary" icon="document" @click="addBtn(scope.row)">修改
							</el-button> -->
							<el-button size="mini" type="primary" v-if="scope.row.indentState=='2'"
								:disabled="!isAuth('mission:zhuandan')" @click="zhuandan(scope.row)"
								style="margin: 5px;">指派</el-button>
							<el-button style='margin:5px;' size="mini" type="primary"
								v-if="Number(scope.row.indentState)<3" :disabled="!isAuth('mission:xiajia')"
								@click="compile(scope.$index, scope.row)">下架
							</el-button>

						</template>
					</el-table-column>
				</el-table>
				<div style="text-align: center;margin-top: 10px;">
					<el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1"
						:page-sizes="[10, 20, 30, 40]" :page-size="size" :current-page="page"
						layout="total,sizes, prev, pager, next,jumper" :total="homeData.totalCount">
					</el-pagination>
				</div>

			</el-tab-pane>
			<el-tab-pane label="同城服务" name="second">
				<div style="display: inline-block;margin: 5px;">
					<span>状态：</span>
					<el-select v-model="indentState" style="width:150px;margin-left: 10px;"
						@change="select(indentState)">
						<el-option v-for="item in statesnum" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select>&nbsp;&nbsp;
					<div style="position: relative;display: inline-block;">
						<span>下单人手机号：</span>
						<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入手机号"
							v-model="phoneT">
						</el-input>&nbsp;&nbsp;
					</div>
					<div style="display: inline-block;margin: 5px;">
						<el-select v-model="flag" style="width:150px;margin-left: 10px;" @change="orderfenxi">
							<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</el-select>&nbsp;&nbsp;&nbsp;
						<el-date-picker style="width: 200px;margin-left: 10px;" v-model="info.stockDate" align="right"
							type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间"
							@change="animeOrder">
						</el-date-picker>
					</div>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="select">查询
					</el-button>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="cleans">重置
					</el-button>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="addBtn()">添加
					</el-button>
					<!-- <el-button style='margin:0 0 20px 20px;' v-if="isAuth('autonym:pass')" size="mini" type="primary"
						icon="document" @click="passClick()" :disabled="checkBoxData.length <= 0">通过</el-button> -->
				</div>
				<el-table v-loading="tableDataLoading" :data="homeData.list">
					<el-table-column fixed prop="id" label="编号" width="50">
						<template slot-scope="scope">
							<div>{{scope.$index+1}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="nickName" label="发布人昵称" width="120">
						<template slot-scope="scope">
							<div style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row)">
								{{scope.row.nickName}}
							</div>
						</template>
					</el-table-column>
					<!-- <el-table-column prop="serviceDetails" label="服务详情" width="200"></el-table-column> -->
					<el-table-column prop="serviceDetails" label="物品/服务详情" width="200">
						<template slot-scope="scope">
							<div v-if="scope.row.indentType=='1'||scope.row.indentType=='2'">{{scope.row.itemWeight}};
								{{scope.row.itemValue}}; {{scope.row.productDetails}};
							</div>
							<div v-if="scope.row.indentType=='4'">{{scope.row.serviceDetails}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="serviceType" label="服务类型"></el-table-column>
					<!-- <el-table-column prop="tool" label="是否自备配件" width="150"></el-table-column> -->
					<!-- <el-table-column prop="remarks" label="备注"  width="200"></el-table-column> -->
					<el-table-column prop="deilveryAddressDetail" label="服务地址" width="200">
						<template slot-scope="scope">
							<!-- <div>{{scope.row.deilveryAddressDetail}}({{scope.row.deliveryAddress}})</div> -->
							<div>{{scope.row.deliveryAddress}}({{scope.row.deilveryAddressDetail}})</div>
							<div>联系人：{{scope.row.deliveryUserName}} {{scope.row.deliveryUserPhone}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="sendOutTime" label="上门时间" width="150"></el-table-column>
					<el-table-column prop="prepayMoney" label="预估商品费用">
					</el-table-column>
					<el-table-column prop="redPacketAmount" label="红包">
					</el-table-column>
					<el-table-column prop="tip" label="小费">
					</el-table-column>
					<el-table-column prop="errandMoney" label="跑腿费">
					</el-table-column>

					<el-table-column prop="platformMoney" label="平台收入">
					</el-table-column>
					<el-table-column prop="riderMoney" label="骑手/师傅收入">
					</el-table-column>
					<el-table-column prop="indentBasicsMoney" label="订单基础价格">
					</el-table-column>
					<el-table-column prop="riderFine" label="骑手取消订单罚金">
					</el-table-column>
					<!-- <el-table-column prop="userFine" label="用户取消订单罚金">
					</el-table-column> -->
					<el-table-column prop="cargoInsurance" label="保价费">
					</el-table-column>
					<el-table-column prop="cargoInsuranceFlag" label="是否保价">
						<template slot-scope="scope">
							<div v-if="scope.row.cargoInsuranceFlag==1">否</div>
							<div v-if="scope.row.cargoInsuranceFlag==0">是</div>
						</template>
					</el-table-column>
					<el-table-column prop="indentMoney" label="总费用">
					</el-table-column>
					<el-table-column prop="itemCode" label="收货码">
					</el-table-column>
					<el-table-column prop="remarks" label="备注" width="200">
					</el-table-column>
					<!-- <el-table-column prop="riderLongitude" label="完成时骑手经度">
					</el-table-column>
					<el-table-column prop="riderLatitude" label="完成时骑手纬度度">
					</el-table-column> -->
					<el-table-column prop="warrantyPeriod" label="保修期"></el-table-column>
					<el-table-column prop="createTime" label="创建时间" width="160"></el-table-column>
					<el-table-column prop="state" label="状态" fixed="right">
						<template slot-scope="scope">
							<div v-if="scope.row.indentState=='0'">未支付</div>
							<div v-if="scope.row.indentState=='1'">未支付</div>
							<div v-if="scope.row.indentState=='2'">已支付</div>
							<div v-if="scope.row.indentState=='3'">骑手已接单</div>
							<div v-if="scope.row.indentState=='4'">骑手已取货/购买</div>
							<!-- <div v-if="scope.row.indentState=='5'">已送达</div> -->
							<div v-if="scope.row.indentState=='6'">订单已完成</div>
							<!-- <div v-if="scope.row.indentState=='7'">已完成</div> -->
							<div v-if="scope.row.indentState=='8'">用户取消订单</div>
							<div v-if="scope.row.indentState=='9'">骑手取消订单</div>
							<div v-if="scope.row.indentState=='10'">已下架</div>
							<div v-if="scope.row.indentState=='11'">超时自动取消</div>
						</template>
					</el-table-column>
					<el-table-column label="操作" width="80" fixed="right">
						<template slot-scope="scope">
							<!-- <el-button style='margin:5px;' size="mini" type="primary" icon="document" @click="addBtn(scope.row)">修改
							</el-button> -->
							<el-button size="mini" type="primary" v-if="scope.row.indentState=='2'"
								:disabled="!isAuth('mission:zhuandan')" @click="zhuandan(scope.row)"
								style="margin: 3px;">指派</el-button>
							<el-button size="mini" type="primary" v-if="Number(scope.row.indentState)<3"
								:disabled="!isAuth('mission:xiajia')" @click="compile(scope.$index, scope.row)"
								style="margin: 3px;">下架
							</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div style="text-align: center;margin-top: 10px;float:right">
					<el-pagination @size-change="handleSizeChange1" @current-change="handleCurrentChange1"
						:page-sizes="[10, 15, 20]" :page-size="limit" :current-page="page"
						layout="total,sizes, prev, pager, next,jumper" :total="homeData.totalCount">
					</el-pagination>
				</div>

			</el-tab-pane>
			<el-tab-pane label="送取任务" name="third">
				<div style="display: inline-block;">
					<span>任务类型：</span>
					<el-select v-model="indentType" style="width:150px;margin-left: 10px;"
						@change="animeDat2(indentType)">
						<el-option v-for="item in homeData1" :key="item.id" :label="item.title" :value="item.id">
						</el-option>
					</el-select>&nbsp;&nbsp;&nbsp;
					<span>状态：</span>
					<el-select v-model="indentState" style="width:150px;margin-left: 10px;"
						@change="select(indentState)">
						<el-option v-for="item in statesnum" :key="item.value" :label="item.label" :value="item.value">
						</el-option>
					</el-select>&nbsp;&nbsp;
					<div style="position: relative;display: inline-block;">
						<span>收货人手机号:</span>
						<el-input style="width: 200px;" @keydown.enter.native="select" placeholder="请输入手机号"
							v-model="phoneT">
						</el-input>&nbsp;&nbsp;
					</div>
					<div style="display: inline-block;">
						<el-select v-model="flag" style="width:150px;margin-left: 10px;" @change="orderfenxi">
							<el-option v-for="item in flags" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</el-select>&nbsp;&nbsp;&nbsp;
						<el-date-picker style="width: 200px;margin-left: 10px;" v-model="info.stockDate" align="right"
							type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="选择开始时间"
							@change="animeOrder">
						</el-date-picker>
					</div>
					<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="select">查询
					</el-button>
					<el-button style="margin:10px;" size="mini" type="primary" icon="document" @click="cleans">重置
					</el-button>&nbsp;&nbsp;
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="addBtn()">添加
					</el-button>
				</div>
				<el-table v-loading="tableDataLoading" :data="homeData.list">
					<el-table-column fixed prop="id" label="编号" width="80">
						<template slot-scope="scope">
							<div>{{scope.$index+1}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="nickName" label="发布人昵称" width="120">
						<template slot-scope="scope">
							<div style="color: #4f9dec;cursor: pointer;" @click="updatesvideo(scope.row)">
								{{scope.row.nickName}}
							</div>
						</template>
					</el-table-column>
					<el-table-column prop="itemType" label="送/取物品" width="150">
					</el-table-column>
					<el-table-column prop="serviceDetails" label="物品/服务详情" width="200">
						<template slot-scope="scope">
							<div v-if="scope.row.indentType=='1'||scope.row.indentType=='2'">{{scope.row.itemWeight}};
								{{scope.row.itemValue}};
							</div>
							<div v-if="scope.row.indentType=='4'">{{scope.row.serviceDetails}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="shipAddressDetail" label="取货地址" width="200">
						<template slot-scope="scope">
							<div v-if="scope.row.shipAddressDetail">
								{{scope.row.shipAddress}}({{scope.row.shipAddressDetail}})
							</div>
							<div>联系人：{{scope.row.shipUserName}} {{scope.row.shipUserPhone}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="deilveryAddressDetail" label="收货地址" width="200">
						<template slot-scope="scope">
							<!-- <div>{{scope.row.deilveryAddressDetail}}({{scope.row.deliveryAddress}})</div> -->
							<div>{{scope.row.deliveryAddress}}({{scope.row.deilveryAddressDetail}})</div>
							<div>联系人：{{scope.row.deliveryUserName}} {{scope.row.deliveryUserPhone}}</div>
						</template>
					</el-table-column>
					<el-table-column prop="sendOutTime" label="送货/取件时间"></el-table-column>

					<el-table-column prop="distance" label="距离"></el-table-column>
					<el-table-column prop="prepayMoney" label="预估商品费用">
					</el-table-column>
					<el-table-column prop="redPacketAmount" label="红包">
					</el-table-column>
					<el-table-column prop="tip" label="小费">
					</el-table-column>
					<el-table-column prop="errandMoney" label="跑腿费">
					</el-table-column>

					<el-table-column prop="platformMoney" label="平台收入">
					</el-table-column>
					<el-table-column prop="riderMoney" label="骑手/师傅收入">
					</el-table-column>
					<el-table-column prop="indentBasicsMoney" label="订单基础价格">
					</el-table-column>
					<el-table-column prop="riderFine" label="骑手取消订单罚金">
					</el-table-column>
					<!-- <el-table-column prop="userFine" label="用户取消订单罚金">
					</el-table-column> -->
					<el-table-column prop="cargoInsurance" label="保价费">
					</el-table-column>
					<el-table-column prop="cargoInsuranceFlag" label="是否保价">
						<template slot-scope="scope">
							<div v-if="scope.row.cargoInsuranceFlag==1">否</div>
							<div v-if="scope.row.cargoInsuranceFlag==0">是</div>
						</template>
					</el-table-column>
					<el-table-column prop="indentMoney" label="总费用">
					</el-table-column>
					<el-table-column prop="itemCode" label="收货码">
					</el-table-column>
					<el-table-column prop="remarks" label="备注" width="200">
					</el-table-column>
					<!-- <el-table-column prop="riderLongitude" label="完成时骑手经度">
					</el-table-column>
					<el-table-column prop="riderLatitude" label="完成时骑手纬度度">
					</el-table-column> -->

					<el-table-column prop="createTime" label="创建时间" width="160">
					</el-table-column>
					<el-table-column prop="state" label="状态" fixed="right">
						<template slot-scope="scope">
							<div v-if="scope.row.indentState=='0'">未支付</div>
							<div v-if="scope.row.indentState=='1'">未支付</div>
							<div v-if="scope.row.indentState=='2'">已支付</div>
							<div v-if="scope.row.indentState=='3'">骑手已接单</div>
							<div v-if="scope.row.indentState=='4'">骑手已取货/购买</div>
							<!-- <div v-if="scope.row.indentState=='5'">已送达</div> -->
							<div v-if="scope.row.indentState=='6'">订单已完成</div>
							<!-- <div v-if="scope.row.indentState=='7'">已完成</div> -->
							<div v-if="scope.row.indentState=='8'">用户取消订单</div>
							<div v-if="scope.row.indentState=='9'">骑手取消订单</div>
							<div v-if="scope.row.indentState=='10'">已下架</div>
							<div v-if="scope.row.indentState=='11'">超时自动取消</div>
						</template>
					</el-table-column>
					<el-table-column label="操作" prop="id" width="80" fixed='right' align="center">
						<template slot-scope="scope">
							<!-- <el-button style='margin:5px;' size="mini" type="primary" icon="document" @click="addBtn(scope.row)">修改
							</el-button> -->
							<el-button size="mini" type="primary" v-if="scope.row.indentState=='2'"
								:disabled="!isAuth('mission:zhuandan')" @click="zhuandan(scope.row)"
								style="margin: 3px;">指派</el-button>
							<el-button size="mini" type="primary" v-if="Number(scope.row.indentState)<3"
								style="margin: 3px;" :disabled="!isAuth('mission:xiajia')"
								@click="compile(scope.$index, scope.row)">下架
							</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div style="text-align: center;margin-top: 10px;float:right">
					<el-pagination @size-change="handleSizeChange2" @current-change="handleCurrentChange2"
						:page-sizes="[10, 20, 30, 40]" :page-size="size" :current-page="page"
						layout="total,sizes, prev, pager, next,jumper" :total="homeData.totalCount">
					</el-pagination>
				</div>
			</el-tab-pane>
			<!-- 任务审核弹框 -->
			<el-dialog title="任务审核" :visible.sync="dialogFormVisible8" center>
				<el-radio-group v-model="radio" style="width: 100%;margin-bottom: 30px;margin-left: 200px;">
					<el-radio :label="1">通过</el-radio>
					<el-radio :label="2">驳回</el-radio>
				</el-radio-group>
				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">驳回理由：</span>
					<el-input style="width:50%;" v-model="contents" type="text" placeholder="请输入驳回理由"></el-input>
				</div>
				<div slot="footer" class="dialog-footer">
					<el-button @click="dialogFormVisible8 = false">取 消</el-button>
					<el-button type="primary" @click="refuseto()">确 定</el-button>
				</div>
			</el-dialog>
			<!-- 骑手列表 -->
			<el-dialog title="骑手列表" :visible.sync="dialogFormVisible" center width="70%">
				<div style="margin:2% 0;display: inline-block;">
					<span>手机号:</span>
					<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入手机号"
						v-model="phoneU"></el-input>
				</div>
				<div style="margin:2% 0;display: inline-block;">
					<span>昵称:</span>
					<el-input style="width: 150px;" @keydown.enter.native="selectU" clearable placeholder="请输入昵称"
						v-model="campus"></el-input>
				</div>
				<div style="display: inline-block;">
					<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="selectU">查询
					</el-button>
					<el-button style="margin-left:15px;" size="mini" type="primary" icon="document" @click="cleansU">重置
					</el-button>
				</div>
				<el-table v-loading="tableDataLoadingU" :data="userData.list">
					<el-table-column prop="userId" label="编号" width="80">
					</el-table-column>
					<el-table-column prop="nickName" label="用户昵称" width="120">
						<template slot-scope="scope">
							　<span style="color: #4f9dec;cursor: pointer;" @click="updates(scope.row.userId)"
								v-text="scope.row.nickName"></span>
						</template>
					</el-table-column>
					<el-table-column prop="avatar" label="用户头像" width="100">
						<template slot-scope="scope">
							　　<img v-if="scope.row.avatar && scope.row.avatar!=''" :src="scope.row.avatar" width="40"
								height="40" />
							<span v-else>暂无图片</span>
						</template>
					</el-table-column>
					<el-table-column prop="phone" label="手机号">
					</el-table-column>
					<el-table-column prop="createTime" label="创建时间" width="180">
					</el-table-column>
					<el-table-column label="操作" prop="id" width="100" fixed='right' align="center">
						<template slot-scope="scope">
							<el-button size="mini" type="primary" @click="userBtns(scope.row)">确认
							</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div style="text-align: center;margin-top: 10px;">
					<el-pagination @size-change="handleSizeChangeU" @current-change="handleCurrentChangeU"
						:page-sizes="[10, 20, 30, 40]" :page-size="limit1" :current-page="page1"
						layout="total,sizes, prev, pager, next,jumper" :total="userData.totalCount">
					</el-pagination>
				</div>
			</el-dialog>
			<!-- 添加/修改 任务 -->
			<el-dialog :title="titles" :visible.sync="dialogFormVisibleRw" center width="70%">
				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">发布用户：</span>
					<el-input v-model="nickNameRw" @focus="userselect" style="width:45%;" placeholder="请选择发布用户">
					</el-input>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==3">
					<span style="width: 200px;display: inline-block;text-align: right;">购买类型：</span>
					<el-radio-group v-model="buyType" @change="buyTypeBtn()">
						<el-radio :label="0">骑手就近购买</el-radio>
						<el-radio :label="1">指定购买地址</el-radio>
					</el-radio-group>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">发货地址：</span>
					<el-input v-model="shipAddressA" style="width:45%;" @focus="dizhiBtn(3,1)"
						placeholder="请选择发货地址"></el-input>
					<el-button size="mini" type="primary" plain round @click="dizhiBtn(3,1)">获取地址</el-button>
				</div>

				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">收货地址：</span>
					<el-input v-model="deliveryAddressA" style="width:45%;" @focus="dizhiBtn(4,2)"
						placeholder="请选择收货地址"></el-input>
					<el-button size="mini" type="primary" plain round @click="dizhiBtn(4,2)">获取地址</el-button>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==3&&buyType==1">
					<span style="width: 200px;display: inline-block;text-align: right;">购买地址：</span>
					<el-input v-model="shipAddressA" style="width:45%;" @focus="dizhiBtn(1)"
						placeholder="请选择购买地址"></el-input>
					<el-button size="mini" type="primary" plain round @click="dizhiBtn(1)">获取地址</el-button>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==3">
					<span style="width: 200px;display: inline-block;text-align: right;">收货地址：</span>
					<el-input v-model="deliveryAddressA" style="width:45%;" @focus="dizhiBtn(2)"
						placeholder="请选择收货地址"></el-input>
					<el-button size="mini" type="primary" plain round @click="dizhiBtn(2)">获取地址</el-button>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==4">
					<span style="width: 200px;display: inline-block;text-align: right;">服务地址：</span>
					<el-input v-model="deliveryAddressA" style="width:45%;" @focus="dizhiBtn(2)"
						placeholder="请选择服务地址"></el-input>
					<el-button size="mini" type="primary" plain round @click="dizhiBtn(2)">获取地址</el-button>
				</div>

				<div style="margin-bottom: 10px;" v-if="indentType==3">
					<span style="width: 200px;display: inline-block;text-align: right;">帮买商品信息：</span>
					<el-input v-model="productDetails" style="width:45%;" placeholder="请输入帮买商品信息">
					</el-input>
				</div>
				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">送达时间：</span>
					<el-input v-model="sendOutTime" style="width:45%;" placeholder="请输入送达时间,例如:01号13:30"></el-input>
					<!-- <el-date-picker v-model="datesRq" type="date" placeholder="选择日期">
					</el-date-picker>
					<el-time-select v-model="times" :picker-options="{
					    start: '00:00',
					    step: '00:10',
					    end: '23:50'
					  }" placeholder="选择时间">
					</el-time-select> -->
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==3">
					<span style="width: 200px;display: inline-block;text-align: right;">预付商品费：</span>
					<el-input v-model="prepayMoney" style="width:45%;" placeholder="请输入预付商品费"></el-input>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==4">
					<span style="width: 200px;display: inline-block;text-align: right;">服务类型：</span>
					<el-select v-model="classifyId" style="width:45%;">
						<el-option v-for="(item,index) in homeData2" :key="index" :label="item.serviceName"
							:value="item.serviceName">
						</el-option>
					</el-select>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">任务类型：</span>
					<el-select v-model="indentType" style="width:45%;">
						<el-option v-for="item in homeData1" :key="item.id" :label="item.title" :value="item.id">
						</el-option>
					</el-select>
				</div>

				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">物品类型：</span>
					<el-radio-group v-model="itemType" style="margin-left: 200px;">
						<el-radio v-for="(item,index) in wupin" :key="index" :label="item">{{item}}</el-radio>
					</el-radio-group>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">物品重量：</span>
					<el-radio-group v-model="itemWeight" @change="zhongBtn()">
						<el-radio v-for="(item,index) in info2" :key="index" :label="item.num">{{item.num}}</el-radio>
					</el-radio-group>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">备注：</span>
					<el-input v-model="remarks" style="width:45%;" placeholder="请输入备注"></el-input>
				</div>
				<div style="margin-bottom: 10px;" v-if="indentType==1||indentType==2">
					<span style="width: 200px;display: inline-block;text-align: right;">是否保价：</span>
					<el-radio-group v-model="cargoInsuranceFlag">
						<el-radio :label="0">是</el-radio>
						<el-radio :label="1">否</el-radio>
					</el-radio-group>
				</div>
				<div style="margin-bottom: 10px;" v-if="cargoInsuranceFlag==0">
					<span style="width: 200px;display: inline-block;text-align: right;">物品价值：</span>
					<el-input v-model="itemMoney" style="width:45%;" type="number" placeholder="请输入物品价值"
						@blur="baojiafeiBtn(itemMoney)"></el-input>
					<div style="color: red;margin-left:200px;">* 保价费：{{baojiafei}}元</div>
				</div>



				<div style="margin-bottom: 10px;" v-if="indentType==4">
					<span style="width: 200px;display: inline-block;text-align: right;">服务内容：</span>
					<el-input v-model="serviceDetails" style="width:45%;" placeholder="请输入服务内容"></el-input>

				</div>

				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">红包：</span>
					<el-input v-model="redPacketAmount" type="number" style="width:45%;" @focus="hongbaoBtn()"
						placeholder="请选择红包"></el-input>
					<el-button size="mini" type="primary" plain round @click="hongbaoBtn()">获取红包</el-button>
					<el-button size="mini" type="info" plain round @click="qxhbBtn()">取消红包</el-button>
				</div>
				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">小费：</span>
					<el-input v-model="tip" type="number" style="width:45%;" placeholder="接单更快 购买更加及时"></el-input>
				</div>
				<div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">是否提供收货码：</span>
					<el-radio-group v-model="itemCodeFlag">
						<el-radio :label="0">是</el-radio>
						<el-radio :label="1">否</el-radio>
					</el-radio-group>
				</div>
				<!-- <div style="margin-bottom: 10px;">
					<span style="width: 200px;display: inline-block;text-align: right;">城市：</span>
					<el-cascader style="width:200px" size="large" :options="options" ref="cascaderAddr"
						v-model="storeAddress" :placeholder="storeAddre" @change="handleChange55"
						:value="storeAddre">
					</el-cascader>
				</div> -->
				<div slot="footer" class="dialog-footer" style="margin-top: 30px;text-align: center;">
					<el-button @click="dialogFormVisibleRw=false">取 消</el-button>
					<el-button type="primary" @click="addmissionNoticeTo()">确 定</el-button>
				</div>
			</el-dialog>
			<!-- 用户列表 -->
			<el-dialog title="用户列表" :visible.sync="dialogFormVisible3" center width="70%">
				<div style="margin:2% 0;display: inline-block;">
					<el-input style="width: 150px;" @keydown.enter.native="userclick" clearable placeholder="请输入手机号"
						v-model="phone"></el-input>&nbsp;&nbsp;&nbsp;&nbsp;
					<el-input style="width: 150px;" @keydown.enter.native="userclick" clearable placeholder="请输入昵称"
						v-model="nickName"></el-input>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="userclick">
						查询
					</el-button>
					<el-button style='margin-left:15px;' size="mini" type="primary" icon="document" @click="userclose">
						重置
					</el-button>
				</div>
				<el-table width="780px" v-loading="tableDataLoading4" :data="userIds.list">
					<el-table-column prop="nickName" label="昵称">
						<template slot-scope="scope">
							<span style="color: #f56c6c;">{{scope.row.nickName ? scope.row.nickName : '未设置'}}</span>
						</template>
					</el-table-column>
					<el-table-column prop="phone" label="手机号">
						<template slot-scope="scope">
							<span>{{scope.row.phone ? scope.row.phone : '未绑定'}}</span>
						</template>
					</el-table-column>
					<el-table-column prop="createTime" label="创建时间">
					</el-table-column>
					<el-table-column label="操作">
						<template slot-scope="scope">
							<el-button size="mini" type="primary" @click="confirm(scope.row)">确定
							</el-button>
						</template>
					</el-table-column>
				</el-table>
				<div style="text-align: center;margin-top: 10px;">
					<el-pagination @size-change="handleSizeChangeUser" @current-change="handleCurrentChangeUser"
						:page-sizes="[5, 10, 15, 20]" :page-size="limit1" :current-page="page1"
						layout="total,sizes, prev, pager, next,jumper" :total="userIds.totalCount">
					</el-pagination>
				</div>
			</el-dialog>
			<!-- 选择地址 -->
			<el-dialog title="选择地址" :visible.sync="dialogFormVisibleDz" center width="70%">
				<div style="margin-bottom: 10px;" v-if="dizhiIndex==1">
					<span style="width: 200px;display: inline-block;text-align: right;">详细地址：</span>
					<el-input v-model.trim="address" @keydown.enter.native="selectDz" style="width:45%;"
						placeholder="请输入详细地址"></el-input>
					<el-button type="primary" plain size="small" @click="selectDz">搜索</el-button>
					<el-button type="warning" size="small" @click="querenA()">确认选择</el-button>
				</div>
				<div v-if="dizhiIndex==2||dizhiIndex==3||dizhiIndex==4">
					<!-- 获取地址 -->
					<div v-if="dizhiList.length>0">
						<div v-for="(item,index) in dizhiList" :key="index"
							style="box-shadow:4px 4px 15px #efefef;padding: 10px;width: 80%;margin-left: 10%;margin-bottom: 20px;position: relative;">
							<div style="color: #666;font-weight: 600;">{{item.userName}}<span
									style="color: #666;margin-left: 20px;font-weight: 500;">{{item.userPhone}}</span>
							</div>
							<div style="margin-top: 10px;">{{item.address}}{{item.addressDetail}}</div>
							<el-button type="warning" size="small" style="position: absolute;right: 10px;top:24px"
								v-if="dizhiIndex==2" @click="querenB(item)">确认选择
							</el-button>
							<el-button type="warning" size="small" style="position: absolute;right: 10px;top:24px"
								v-if="dizhiIndex==3&&weizhiIndex==1" @click="querenC(item)">确认选择
							</el-button>
							<el-button type="warning" size="small" style="position: absolute;right: 10px;top:24px"
								v-if="dizhiIndex==4&&weizhiIndex==2" @click="querenB(item)">确认选择
							</el-button>
						</div>

					</div>
					<div v-else style="text-align: center;"> 暂无地址 </div>
					<!-- <div style="margin-bottom: 10px;">
						<span style="width: 200px;display: inline-block;text-align: right;">姓名：</span>
						<el-input v-model="deliveryUserName" style="width:45%;" placeholder="请输入姓名"></el-input>
					</div>
					<div style="margin-bottom: 10px;">
						<span style="width: 200px;display: inline-block;text-align: right;">联系电话：</span>
						<el-input v-model="deliveryUserPhone" style="width:45%;" placeholder="请输入联系电话"></el-input>
					</div>
					<div style="margin-bottom: 10px;">
						<span style="width: 200px;display: inline-block;text-align: right;">详细地址：</span>
						<el-input v-model.trim="address" @keydown.enter.native="selectDz" style="width:45%;"
							placeholder="请输入详细地址"></el-input>
						<el-button type="primary" plain size="small" @click="selectDz">搜索</el-button>
						<el-button type="warning" size="small" @click="querenB()">确认选择2</el-button>
					</div> -->
				</div>

				<div v-if="dizhiIndex==1">
					<div id="container1" style="width:80%;height:500px;margin-left: 10%;"></div>
				</div>
			</el-dialog>
			<!-- 红包列表 -->
			<el-dialog title="红包列表" :visible.sync="dialogFormVisibleHb" center width="70%">
				<el-table v-loading="tableDataLoading" :data="redData">
					<el-table-column prop="redPacketId" label="编号" width="80"></el-table-column>
					<el-table-column prop="redPacketTitle" label="红包名称">
					</el-table-column>
					<el-table-column prop="redPacketType" label="红包类型">
						<template slot-scope="scope">
							<span v-if="scope.row.redPacketType==0">全部通用</span>
							<span v-if="scope.row.redPacketType==1">帮我送</span>
							<span v-if="scope.row.redPacketType==2">帮我取</span>
							<span v-if="scope.row.redPacketType==3">帮我买</span>
							<span v-if="scope.row.redPacketType==4">同城服务</span>
						</template>
					</el-table-column>
					<el-table-column prop="redPacketAmount" label="金额">
					</el-table-column>
					<el-table-column prop="minimumAmount" label="满减金额">
						<!-- <template slot-scope="scope">
							<span v-if="scope.row.minimumAmount == '0'">通用</span>
							<span v-else>{{scope.row.minimumAmount}}</span>
						</template> -->
					</el-table-column>
					<el-table-column prop="expirationTime" label="领取时间">
					</el-table-column>
					<el-table-column prop="deleteFlag" label="状态">
						<template slot-scope="scope">
							<span v-if="scope.row.deleteFlag == '0'">未使用</span>
							<span v-if="scope.row.deleteFlag == '1'">已使用</span>
						</template>
					</el-table-column>
					<el-table-column label="操作" width="80" fixed='right' align="center">
						<template slot-scope="scope">
							<el-button v-if="scope.row.deleteFlag == '0'" size="mini" type="primary"
								@click="xuanzeHb(scope.row)" style="margin: 3px;">选择</el-button>
						</template>
					</el-table-column>
				</el-table>
			</el-dialog>
		</el-tabs>
	</div>
</template>

<script>
	import {
		quillEditor
	} from 'vue-quill-editor'
	import 'quill/dist/quill.core.css'
	import 'quill/dist/quill.snow.css'
	import 'quill/dist/quill.bubble.css'
	import quillConfig from '../locality/quill-config.js'
	import axios from 'axios';
	import {
		jsonp
	} from 'vue-jsonp'
	import {
		provinceAndCityData,
		regionData,
		provinceAndCityDataPlus,
		regionDataPlus,
		CodeToText,
		TextToCode
	} from 'element-china-area-data'
	var cityOptions = []
	var geocoder, map, markersArray = [];
	export default {
		components: {
			quillEditor
		},
		data() {
			return {
				dialogWidth: 0,
				size: 10,
				page: 1,
				state: '',
				limit: 10,
				classify: 6,
				classifys: 6,
				openValue: 1,
				closeValue: 2,
				title: '',
				type: '',
				nav: '',
				name: '',
				keyword: '',
				describes: '',
				checkBoxData: [], //多选框选择的值
				method: 'false',
				formLabelWidth: '200px',
				activeName: 'first',
				tableDataLoading: true,
				tableDataLoading4: false,
				dialogFormVisible3: false,
				dialogFormVisible1: false,
				dialogFormVisible2: false,
				dialogFormVisible5: false,
				dialogFormVisible6: false,
				dialogFormVisible7: false,
				dialogFormVisible8: false,
				dialogFormVisible9: false,
				homeData: [],
				homeData1: [{
						title: '帮我送',
						id: 1
					},
					{
						title: '帮我取',
						id: 2
					},
				],
				choicenData2: [],
				choicenData: [],

				url: '',
				imageUrl: '',
				imageUrl2: '',
				id: '',
				bannerData: [],
				form1: {
					// id: '',
					// url: '',
					// imageUrl: ''
				},
				formcomp: {
					id: '',
					state: '',
					title: '',
					url: '',
					imageUrl: ''
				},
				userId: '',
				search: '',
				myPhone: '',
				classifyIds: 0,
				statusId: 1,
				statuss: [{
						id: -1,
						title: '全部'
					},
					{
						id: 0,
						title: '待审核'
					},
					{
						id: 1,
						title: '上架'
					},
					{
						id: 2,
						title: '下架'
					},
					{
						id: 3,
						title: '驳回'
					}
				],
				// 房屋信息
				phone: '', //电话
				name: '', //标题
				userIdss: '', //用户id
				titleImg: '', //封面图
				img: [], //详情图
				status: '', //状态0待审核  1上架  2下架 3驳回 (修改添加不传)

				area: '', //大小
				house: '', //户型
				price: '', //价格
				labels: [], //标签集合

				remark: '', //描述
				editorOption: {},
				options: regionData,
				storeAddress: [],
				storeAddre: '请选择城市',
				province: '', //省
				city: '', //市
				district: '', //区
				ids: '', //信息id

				nickName: '',
				userIds: {}, //用户列表
				bq: '', //输入的标签名
				missions: 0,
				shenheId: 0, //审核id
				contents: '', //驳回理由
				dialogVisible: false,
				radio: 1,
				multipleSelection: [],
				campus: '',
				campus1: '',
				campusName: '',


				quillOption: quillConfig,
				statusIdd: 1,
				statesnum: [{
						value: 0,
						label: '全部'
					},
					{
						value: 1,
						label: '待支付'
					}, {
						value: 2,
						label: '待接单'
					}, {
						value: 3,
						label: '已接单'
					}, {
						value: 4,
						label: '已完成'
					}, {
						value: 5,
						label: '已取消'
					}
				],
				// x新的
				indentType: 3, //跑腿类型
				deliveryUserPhone: '', //收货人手机号
				indentState: 0, //任务状态
				flag: 'day',
				info: {
					stockDate: this.getNowTime(), //日期
				},
				flags: [{
					value: 'day',
					label: '按天查询'
				}, {
					value: 'month',
					label: '按月查询'
				}, {
					value: 'year',
					label: '按年查询'
				}],
				// 指派
				userData: {},
				phoneU: '',
				campus: '',
				ordersId: '',
				limit1: 10,
				page1: 1,
				dialogFormVisible: false,
				tableDataLoadingU: false,
				tableDataZd: [],
				laundryId: '',
				laundryIdU: '',

				// 添加/修改任务
				dialogFormVisibleRw: false,
				titles: '',
				buyType: 0,
				productDetails: '', //商品信息
				deilveryAddressDetail: '', //收货详细地址
				deliveryAddress: '', //收货大概地址
				deliveryAddressA:'',//展示
				deliveryAddressLatitude: '', //收货地址纬度
				deliveryAddressLongitude: '', //收货地址经度
				deliveryUserName: '', //收货人姓名
				deliveryUserPhone: '', //收货人电话
				shipUserName: '', //发货人姓名
				shipUserPhone: '', //发货人电话
				shipAddressDetail: '骑手将在您附近3公里内购买', //指定详细地址
				shipAddress: '', //指定大概地址
				shipAddressA:'',//展示地址
				shipAddressLatitude: '', //指定地址纬度
				shipAddressLongitude: '', //指定地址经度
				sendOutTime: '立即送达',
				redPacketAmount: '',
				prepayMoney: '', //预估商品费
				tip: '', //小费
				itemCodeFlag: 0, //是否提供收货码 0是 1否
				nickNameRw: '',
				userIdRw: '',
				dialogFormVisibleDz: false,
				dizhiIndex: 1,
				weizhiIndex: 1, //1 发货；2收货
				serviceDetails: '', //物品信息
				distance: 3000, //预估距离
				errandMoney: 0, //跑腿费
				redPacketId: '', //红包id
				riderFine: 0, //骑手取消订单罚金
				userFine: 0, //用户取消订单罚金
				datesRq: '',
				times: '',
				indentBasicsMoney: 0, //基础价格
				redPacketTitle: '', //红包名称
				dingweiAddress: '',
				classifyId: '', //服务类型Id
				remarks: '', //备注
				itemWeight: '', //物品重量
				itemType: '', //物品类型
				cargoInsuranceFlag: 1, //是否保价 0是 1否
				itemMoney: 0, //物品价值

				homeData2: [], //服务类型集合
				addressId: '', //地址Id
				dizhiList: [], //用户地址列表
				address: '', //地址
				latitude: '', //纬度
				longitude: '', //经度
				redData: [], //红包列表
				dialogFormVisibleHb: false,
				info2: [{
					num: '0-25kg'
				}, {
					num: '26-30kg'
				}, {
					num: '31-40kg'
				}, {
					num: '41-50kg'
				}],
				wupin: [], //物品分类
				baojiafei: 0, //保价费
				teshuMoney1: 0,
				teshuMoney2: 0,
				jiajia1: 0,
				jiajia2: 0,
				jiajia3: 0,
				jiajia4: 0,
				phoneT: '',


			}
		},
		methods: {
			//处理默认选中当前日期
			getNowTime() {
				var now = new Date()
				var year = now.getFullYear() //得到年份
				var month = now.getMonth() //得到月份
				var date = now.getDate() //得到日期
				var hh = now.getHours() < 10 ? '0' + now.getHours() : now.getHours()
				var mm = now.getMinutes() < 10 ? '0' + now.getMinutes() : now.getMinutes()
				var ss = now.getSeconds() < 10 ? '0' + now.getSeconds() : now.getSeconds()
				month = month + 1
				month = month.toString().padStart(2, '0')
				date = date.toString().padStart(2, '0')
				var defaultDate = `${year}-${month}-${date} ${hh}:${mm}:${ss}`
				return defaultDate
				this.$set(this.info, 'stockDate', defaultDate)
			},
			handleAvatarSuccess3(file) {
				this.formcomp.imageUrl = file.data
			},
			handleAvatarSuccess4(file) {
				this.imageUrl = file.data
			},

			handleSizeChange1(val) {
				this.limit = val
				this.homeSelect()
			},
			handleCurrentChange1(val) {
				this.page = val
				this.homeSelect()
			},
			handleSizeChange2(val) {
				this.limit = val
				this.homeSelect()
			},
			handleCurrentChange2(val) {
				this.page = val
				this.homeSelect()
			},
			handleSizeChangeU(val) {
				this.limit1 = val;
				this.dataSelectUser()
			},
			handleCurrentChangeU(val) {
				this.page1 = val;
				this.dataSelectUser()
			},
			handleSizeChangeUser(val) {
				this.limit1 = val
				this.userClass()
			},
			handleCurrentChangeUser(val) {
				this.page1 = val
				this.userClass()
			},
			handleClick(tab, event) {
				this.page = 1
				this.indentState = 0
				this.phoneT = ''
				if (tab._props.label == '同城帮买') {
					this.indentType = 3
					this.homeSelect()
				}
				if (tab._props.label == '同城服务') {
					this.type = 1
					this.indentType = 4
					this.homeSelect()
				}
				if (tab._props.label == '送取任务') {
					this.indentType = 1
					this.homeSelect()
				}
			},
			// 修改弹框
			compile(index, rows) {
				// let that = this
				this.$confirm(`确定下架此任务?`, '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then((res) => {
					console.log('············', res)
					this.$http({
						url: this.$http.adornUrl(
							`adminerrand/adminSoldOutIndent?indentNumber=${rows.indentNumber}`),
						method: 'post',
						params: this.$http.adornData({})
					}).then(({
						data
					}) => {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.homeSelect()
							}
						})
					})
				}).catch(() => {
					console.log('取消')
				})
			},

			// 获取数据列表
			homeSelect() {
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl(`adminerrand/findAllIndent`),
					method: 'post',
					params: this.$http.adornParams({
						'page': this.page,
						'limit': this.limit,
						'indentType': this.indentType,
						'deliveryUserPhone': this.phoneT,
						'indentState': this.indentState,
						'date': this.info.stockDate,
						'dateType': this.flag,
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data

					console.log(data.data.state)
					this.homeData = data.data
				})
			},
			// 筛选信息
			animeDat2(classifyIds) {
				this.classifyIds = classifyIds
				this.homeSelect()
			},

			// 详情跳转
			updatesvideo(row) {
				this.$router.push({
					path: '/userDetail',
					query: {
						userId: row.userId
					}
				})
			},
			// 查询
			select() {
				this.page = 1
				this.limit = 10
				this.homeSelect()
			},
			// 重置
			cleans() {
				this.indentState = 0
				this.phoneT = ''
				this.flag = 'day'
				this.info.stockDate = this.getNowTime()
				this.homeSelect()
			},
			// 订单分析选择日期
			animeOrder() {
				console.log('info', this.info)
				this.homeSelect()
				// this.colonel()
			},
			// 订单分析年月日
			orderfenxi(value) {
				this.page = 1
				let vanumber = value
				// if (vanumber === 1) {
				this.flag = value
				this.homeSelect()
				// this.colonel()
				// }
				// if (vanumber === 2) {
				// 	this.flag = 2
				// 	this.taskData()
				// 	this.colonel()
				// }
				// if (vanumber === 3) {
				// 	this.flag = 3
				// 	this.taskData()
				// 	this.colonel()
				// }
			},
			// 转单弹框
			zhuandan(row) {
				this.page1 = 1
				this.ordersId = row.indentId
				this.dataSelectUser()
				this.dialogFormVisible = true
			},
			// 确认选择
			userBtns(row) {
				this.$http({
					url: this.$http.adornUrl('adminerrand/distributionOrder'),
					method: 'post',
					params: this.$http.adornParams({
						'userId': row.userId,
						'indentId': this.ordersId,
					})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.$message({
							message: '操作成功',
							type: 'success',
							duration: 1500,
							onClose: () => {
								this.dialogFormVisible = false
							}
						})
					} else {
						this.$message({
							message: data.msg,
							type: 'warning',
							duration: 1500,
							onClose: () => {}
						})
					}


				})
			},
			// 获取数据列表
			dataSelectUser() {
				this.tableDataLoadingU = true
				this.$http({
					url: this.$http.adornUrl('adminerrand/findAllUser'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						// 'member': this.member,
						'phone': this.phoneU,
						'nickName': this.campus,
						'userType': 2,
						'invitationCode': '',
						'platform': ''
					})
				}).then(({
					data
				}) => {
					this.tableDataLoadingU = false
					let returnData = data.data
					this.userData = returnData
				})
			},
			// 查询
			selectU() {
				this.page = 1
				this.dataSelectUser()
			},
			// 重置
			cleansU() {
				this.page1 = 1
				this.campus = ''
				this.phoneU = ''
				this.laundryIdU = ''
				this.dataSelectUser()
			},
			// 添加/修改 任务
			addBtn(row) {
				if (row) {
					this.titles = '修改'
					this.ids = row.indentId
					this.buyType = Number(row.buyType)
					this.deilveryAddressDetail = row.deilveryAddressDetail
					this.productDetails = row.productDetails
					this.deliveryAddress = row.deliveryAddress
					this.deliveryAddressLatitude = row.deliveryAddressLatitude
					this.deliveryAddressLongitude = row.deliveryAddressLongitude
					this.deliveryUserName = row.deliveryUserName
					this.deliveryUserPhone = row.deliveryUserPhone
					this.shipAddressDetail = row.shipAddressDetail
					this.shipAddress = row.shipAddress
					this.shipAddressLatitude = row.shipAddressLatitude
					this.shipAddressLongitude = row.shipAddressLongitude
					this.sendOutTime = row.sendOutTime
					this.redPacketAmount = row.redPacketAmount
					this.prepayMoney = row.prepayMoney
					this.deliveryAddressA =''
					this.shipAddressA =''
					if (row.serviceType) {
						this.classifyId = row.serviceType
					} else {
						this.classifyId = ''
					}


					this.tip = row.tip
					this.itemCodeFlag = row.itemCodeFlag
					this.nickNameRw = row.nickName
					this.userIdRw = row.userId
					this.serviceDetails = row.serviceDetails
					this.remarks = row.remarks
					this.itemWeight = row.itemWeight
					this.itemType = row.itemType
					this.cargoInsuranceFlag = row.cargoInsuranceFlag
					this.itemMoney = row.itemMoney


					this.dialogFormVisibleRw = true
				} else {
					this.titles = '添加'
					this.buyType = 0
					this.deilveryAddressDetail = ''
					this.productDetails = ''
					this.deliveryAddress = ''
					this.deliveryAddressLatitude = ''
					this.deliveryAddressLongitude = ''
					this.deliveryUserName = ''
					this.deliveryUserPhone = ''

					this.shipAddress = ''
					this.shipAddressLatitude = ''
					this.shipAddressLongitude = ''
					this.sendOutTime = '立即送达'
					this.redPacketAmount = ''
					this.prepayMoney = ''
					this.tip = ''
					this.itemCodeFlag = 0
					this.nickNameRw = ''
					this.userIdRw = ''
					this.classifyId = ''
					this.remarks = ''
					this.serviceDetails = ''
					this.itemWeight = ''
					this.itemType = ''
					this.cargoInsuranceFlag = 1
					this.itemMoney = ''
					this.ids = ''
					this.deliveryAddressA =''
					this.shipAddressA =''

					if (this.indentType == 3) {
						this.shipAddressDetail = '骑手将在您附近3公里内购买'
					} else {
						this.shipAddressDetail = ''
					}


					this.dialogFormVisibleRw = true
				}
				this.getMyLocation()
			},
			// 确定添加/修改
			addmissionNoticeTo() {

				if (this.userIdRw == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请选择发布用户',
						type: 'warning'
					});
					return
				}
				if (this.indentType != 4) {
					if (this.buyType == 1) {
						if (this.shipAddressDetail == '') {
							this.$notify({
								title: '提示',
								duration: 1800,
								message: '购买地址不能为空',
								type: 'warning'
							});
							return
						}

					} else {
						if (this.shipAddressDetail == '') {
							this.$notify({
								title: '提示',
								duration: 1800,
								message: '发货地址不能为空',
								type: 'warning'
							});
							return
						}
					}

				}
				if (this.deilveryAddressDetail == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '收货地址不能为空',
						type: 'warning'
					});
					return
				}

				if (this.indentType == 3) {
					if (this.prepayMoney === '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '预付商品费不能为空',
							type: 'warning'
						});
						return
					}
					if (this.productDetails == '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '帮买信息不能为空',
							type: 'warning'
						});
						return
					}
				}
				if (this.indentType == 4) {
					if (this.serviceDetails == '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '服务内容不能为空',
							type: 'warning'
						});
						return
					}
					if (this.classifyId === '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '请选择服务类型',
							type: 'warning'
						});
						return
					}
				}
				if (this.indentType == 1 || this.indentType == 2) {
					if (this.cargoInsuranceFlag === 0) {
						if (this.itemMoney == '') {
							this.$notify({
								title: '提示',
								duration: 1800,
								message: '物品价值不能为空',
								type: 'warning'
							});
							return
						}
					}

					if (this.itemType === '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '请选择物品类型',
							type: 'warning'
						});
						return
					}
					if (this.itemWeight === '') {
						this.$notify({
							title: '提示',
							duration: 1800,
							message: '请选择物品重量',
							type: 'warning'
						});
						return
					}
				}
				let urls = ''
				if (this.titles == '添加') {
					urls = 'indent/addIndent'
				} else {
					urls = 'indent/updateIndent'
				}
				let that = this
				setTimeout(function() {
					that.$http({
						url: that.$http.adornUrl(urls),
						method: 'post',
						data: that.$http.adornData({
							'buyType': that.buyType,
							'deilveryAddressDetail': that.deliveryAddress,
							'deliveryAddress': that.deilveryAddressDetail,
							'deliveryAddressLatitude': that.deliveryAddressLatitude,
							'deliveryAddressLongitude': that.deliveryAddressLongitude,
							'deliveryUserName': that.deliveryUserName,
							'deliveryUserPhone': that.deliveryUserPhone,
							'distance': that.distance,
							'errandMoney': that.errandMoney,
							'indentType': that.indentType,
							'itemCodeFlag': that.itemCodeFlag,
							'prepayMoney': that.prepayMoney,
							'productDetails': that.productDetails,
							'redPacketId': that.redPacketId,
							'riderFine': that.riderFine,
							'sendOutTime': that.sendOutTime,
							'shipAddressDetail': that.shipAddressDetail,
							'userId': that.userIdRw,
							'indentId': that.ids,
							'tip': that.tip,
							'userFine': that.userFine,
							'serviceType': that.classifyId,
							'remarks': that.remarks,
							'serviceDetails': that.serviceDetails,
							'itemWeight': that.itemWeight,
							'itemType': that.itemType,
							'itemMoney': that.itemMoney,
							'cargoInsuranceFlag': that.cargoInsuranceFlag,
							'shipUserName': that.shipUserName,
							'shipUserPhone': that.shipUserPhone,
							'shipAddress': that.shipAddress,

						})
					}).then(({
						data
					}) => {
						console.log('提交结果', data)
						if (data.code == 0) {
							that.$message({
								message: '操作成功',
								type: 'success',
								duration: 1500,
								onClose: () => {
									that.dialogFormVisibleRw = false
									that.homeSelect()
								}
							})
						} else {
							that.$notify({
								title: '提示',
								duration: 1800,
								message: data.msg,
								type: 'warning'
							});
						}


					})
				}, 1000)
			},
			// 获取用户列表弹框
			userselect() {
				this.page1 = 1
				this.phone = ''
				this.nickName = ''
				this.dialogFormVisible3 = true
				this.userClass()
			},
			// 获取用户列表
			userClass() {
				let phone = ''
				if (this.phone) {
					phone = this.phone
				}
				let nickName = ''
				if (this.nickName) {
					nickName = this.nickName
				}
				this.tableDataLoading4 = true
				this.$http({
					url: this.$http.adornUrl('adminerrand/findAllUser'),
					method: 'get',
					params: this.$http.adornParams({
						'page': this.page1,
						'limit': this.limit1,
						// 'member': this.member,
						'phone': phone,
						'nickName': nickName,
						'userType': 1,
						'invitationCode': '',
						'platform': ''
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading4 = false
					let returnData = data.data
					this.userIds = returnData
				})
			},
			// 查询用户列表
			userclick() {
				this.page1 = 1
				this.tableDataLoading4 = true
				this.userClass()
			},
			// 重置用户列表数据
			userclose() {
				this.page1 = 1
				this.phone = ''
				this.nickName = ''
				this.tableDataLoading4 = true

				this.userClass()
			},
			// 确定用户
			confirm(row) {
				this.userIdRw = row.userId
				this.nickNameRw = row.nickName
				// this.phone = row.phone
				if (this.nickNameRw == '' || this.nickNameRw == null) {
					this.nickNameRw = row.phone
				}
				this.dialogFormVisible3 = false
			},
			buyTypeBtn() {
				if (this.buyType == 0) {
					this.shipAddressDetail = '骑手将在您附近3公里内购买'
					this.shipAddress = ''
					this.shipAddressA = ''
				} else {
					this.shipAddressDetail = ''
					this.shipAddress = ''
					this.shipUserName = ''
					this.shipUserPhone = ''
					this.shipAddressA = ''
				}
			},


			//定位获得当前位置信息
			getMyLocation() {
				var geolocation = new qq.maps.Geolocation("SZWBZ-QDWC3-M233R-YDXW5-TZT7Q-S4FJ7", "急件速达管理");
				geolocation.getIpLocation(this.showPosition, this.showErr);
				// geolocation.getLocation(this.showPosition, this.showErr);//或者用getLocation精确度比较高
			},
			showPosition(position) {
				console.log(position);
				// this.latitude = position.lat;
				// this.longitude = position.lng;
				// this.city = position.city;
				this.setMap();
			},
			showErr(e) {
				console.log("定位失败", e);
				this.getMyLocation(); //定位失败再请求定位，测试使用
			},
			//位置信息在地图上展示
			setMap() {
				//步骤：定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
				//设置地图中心点
				var myLatlng = new qq.maps.LatLng(this.latitude, this.longitude);
				//定义工厂模式函数
				var myOptions = {
					zoom: 13, //设置地图缩放级别
					center: myLatlng, //设置中心点样式
					mapTypeId: qq.maps.MapTypeId.ROADMAP //设置地图样式详情参见MapType
				}
				// //获取dom元素添加地图信息
				var map = new qq.maps.Map(document.getElementById("container1"), myOptions);
				//给地图添加点击事件

				//给定位的位置添加图片标注
				var marker = new qq.maps.Marker({
					position: myLatlng,
					map: map
				});
				// `````````````
				var that = this;
				if (that.longitude == '') {
					var center = new qq.maps.LatLng(34.34281541842994, 108.93970884382725);
				} else {
					var center = new qq.maps.LatLng(that.latitude, that.longitude);
				}

				var map = new qq.maps.Map(document.getElementById("container1"), {
					center: center,
					zoom: 13
				});
				var marker = new qq.maps.Marker({
					position: center,
					map: map
				});
				var latlngBounds = new qq.maps.LatLngBounds();
				qq.maps.event.addListener(map, "click", function(event) {
					console.log(event, qq.maps);
					that.longitude = event.latLng.getLng(); // 经度
					that.latitude = event.latLng.getLat(); // 纬度
					jsonp('https://apis.map.qq.com/ws/geocoder/v1/?location=' + event.latLng.getLat() + ',' + event
						.latLng.getLng() + '&key=SZWBZ-QDWC3-M233R-YDXW5-TZT7Q-S4FJ7&get_poi=1&output=jsonp', {
							myCustomUrlParam: 'veryNice'
						}).then(response => {
						console.log('response------111', response)
						that.address = response.result.address + response.result.formatted_addresses
							.recommend
						// that.dingweiAddress = that.address
						if (response.result.address) {
							that.dingweiAddress = response.result.address
						}
					}).catch(error => {
						// handle error
					}).then(() => {
						// always executed
					});
					if (markersArray) {
						for (let i in markersArray) {
							markersArray[i].setMap(null);
						}
					}
					var marker = new qq.maps.Marker({
						map: map,
						position: event.latLng
					});
					markersArray.push(marker);

				});
				geocoder = new qq.maps.Geocoder({
					complete: function(result) {
						console.log('-----------', result);
						that.longitude = result.detail.location.lng;
						that.latitude = result.detail.location.lat;

						map.setCenter(result.detail.location);
						var marker = new qq.maps.Marker({
							map: map,
							position: result.detail.location
						});
						markersArray.push(marker);
					}
				});
			},
			// 地图定位
			selectDz() {
				console.log(this.address, this.address.replace(/^\s+|\s+$/gm, ''))

				if (this.address == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请输入详细地址',
						type: 'warning'
					});
					return
				} else {
					var add = this.province + this.city + this.district + this.address
					let that = this
					jsonp('https://apis.map.qq.com/ws/geocoder/v1/?address==' + add +
						'&key=SZWBZ-QDWC3-M233R-YDXW5-TZT7Q-S4FJ7&get_poi=1&output=jsonp', {
							myCustomUrlParam: 'veryNice'
						}).then(response => {
						// handle success
						if (response.message == '查询无结果') {
							this.$notify({
								title: '提示',
								duration: 1800,
								message: '详细地址输入有误，请重新输入',
								type: 'warning'
							});
							return
						}
						console.log('response----------', response)
						that.longitude = response.result.location.lng; // 经度
						that.latitude = response.result.location.lat; // 纬度

						if (response.result.address_components) {
							that.dingweiAddress = response.result.address_components.province + response.result
								.address_components.city + response.result.address_components.district
							// that.address = that.dingweiAddress
						}
						console.log('that.dingweiAddress', that.dingweiAddress)
						// that.address = response.result.address_components.province + response.result.address_components
						// 	.city + response.result.address_components.district + response.result.title
						that.setMap()
					}).catch(error => {
						// handle error
					}).then(() => {
						// always executed
					});
				}

			},
			// 打开地址弹框
			dizhiBtn(index, wzIndex) {
				this.dizhiIndex = index
				this.weizhiIndex = wzIndex
				this.dizhiSelect()
				this.dialogFormVisibleDz = true
				this.getMyLocation();
			},
			// 获取用户地址
			dizhiSelect() {
				this.$http({
					url: this.$http.adornUrl('indent/findUserAddress'),
					method: 'get',
					params: this.$http.adornParams({
						'userId': this.userIdRw
					})
				}).then(({
					data
				}) => {
					this.dizhiList = data.data
				})
			},
			// 确认选择 购买地址
			querenA() {
				this.shipAddress = this.address
				this.shipAddressDetail = this.dingweiAddress
				this.shipAddressA = this.address
				this.shipAddressLatitude = this.latitude
				this.shipAddressLongitude = this.longitude
				this.shipUserName = ''
				this.shipUserPhone = ''
				this.dialogFormVisibleDz = false
			},
			// 确认选择 送达地址
			querenB(row) {
				this.deliveryUserName = row.userName
				this.deliveryUserPhone = row.userPhone
				this.deilveryAddressDetail = row.address
				this.deliveryAddress = row.addressDetail
				this.deliveryAddressA = row.address+row.addressDetail
				this.deliveryAddressLatitude = row.addressLatitude
				this.deliveryAddressLongitude = row.addressLongitude
				this.addressId = row.addressId
				this.paotuiChang()
				this.dialogFormVisibleDz = false
			},
			// 确认选择 送达地址
			querenC(row) {
				console.log(row)
				this.shipUserName = row.userName
				this.shipUserPhone = row.userPhone
				this.shipAddressDetail = row.addressDetail 
				this.shipAddress = row.address
				this.shipAddressA = row.address+row.addressDetail
				this.shipAddressLatitude = row.addressLatitude
				this.shipAddressLongitude = row.addressLongitude
				this.dialogFormVisibleDz = false
				this.buyType = ''
			},
			// 获取跑腿费
			paotuiChang() {
				if (this.buyType == 0) {
					this.$http({
						url: this.$http.adornUrl('indent/basicsMoney'),
						method: 'post',
						// params: this.$http.adornParams({
						data: this.$http.adornData({
							'distance': this.distance,
							'indentType': this.indentType
						})
					}).then(({
						data
					}) => {
						this.errandMoney = data.data.errandMoney
						this.indentBasicsMoney = data.data.indentBasicsMoney
						this.riderFine = data.data.riderFine
						this.userFine = data.data.userFine
					})
				} else {
					this.$http({
						url: this.$http.adornUrl('indent/distance'),
						method: 'post',
						params: this.$http.adornParams({
							// data: this.$http.adornData({
							'ol': this.deliveryAddressLongitude,
							'od': this.deliveryAddressLatitude,
							'dl': this.shipAddressLongitude,
							'dd': this.shipAddressLatitude
						})
					}).then(({
						data
					}) => {
						this.distance = data.data
						this.paotuiChang2()
					})
				}

			},
			// 跑腿费2
			paotuiChang2() {
				this.$http({
					url: this.$http.adornUrl('indent/basicsMoney'),
					method: 'post',
					// params: this.$http.adornParams({
					data: this.$http.adornData({
						'distance': this.distance,
						'indentType': this.indentType
					})
				}).then(({
					data
				}) => {
					this.errandMoney = data.data.errandMoney
					this.indentBasicsMoney = data.data.indentBasicsMoney
					this.riderFine = data.data.riderFine
					this.userFine = data.data.userFine
				})
			},

			// 选择红包
			hongbaoBtn() {
				if (this.userIdRw == '') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请先选择发布用户',
						type: 'warning'
					});
					return
				}
				if (this.deliveryAddressLatitude == ''&&this.deliveryAddressLongitude=='') {
					this.$notify({
						title: '提示',
						duration: 1800,
						message: '请先选择地址',
						type: 'warning'
					});
					return
				}
				this.$http({
					url: this.$http.adornUrl('indent/findRedPacket'),
					method: 'post',
					data: this.$http.adornData({
						// params: this.$http.adornParams({
						'userId': this.userIdRw,
						'indentType': this.indentType,
						'indentBasicsMoney': this.indentBasicsMoney,
					})
				}).then(({
					data
				}) => {
					let returnData = data.data
					this.redData = returnData
					this.dialogFormVisibleHb = true
				})
			},
			// 获取红包
			xuanzeHb(row) {
				this.redPacketId = row.redPacketId
				this.redPacketTitle = row.redPacketTitle
				this.redPacketAmount = row.redPacketAmount
				this.dialogFormVisibleHb = false
			},
			// 取消红包
			qxhbBtn() {
				this.redPacketId = ''
				this.redPacketAmount = ''
			},
			// 选择服务类型
			guangaoSelect() {
				let page = this.page
				this.tableDataLoading = true
				this.$http({
					url: this.$http.adornUrl('app/servicetype/selectServiceTypeList'),
					method: 'get',
					params: this.$http.adornParams({
						// 'page': this.page,
						// 'limit': this.limit
					})
				}).then(({
					data
				}) => {
					this.tableDataLoading = false
					let returnData = data.data
					this.homeData2 = returnData
				})
			},
			// 获取物品类型
			xianshi() {
				this.$http({
					url: this.$http.adornUrl('common/type/334'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.wupin = data.data.value.split(',')
					}
				})
			},
			// 获取保价费
			baojiafeiBtn(itemMoney) {
				this.$http({
					url: this.$http.adornUrl('common/type/333'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						var bjf = Number(data.data.value)

						this.baojiafei = Math.floor((Number(itemMoney) / 100) * bjf)
					}
				})
			},
			// 特殊时间段费用（22:00~23:59）额外加价
			teshuBtn1() {
				this.$http({
					url: this.$http.adornUrl('common/type/335'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.teshuMoney1 = Number(data.data.value)
					}
				})
			},
			// 特殊时间段费用（00:00~06:59）额外加价
			teshuBtn2() {
				this.$http({
					url: this.$http.adornUrl('common/type/336'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.teshuMoney2 = Number(data.data.value)
					}
				})
			},
			// 获取0-25Kg加价费
			jiajiaBtn1() {
				this.$http({
					url: this.$http.adornUrl('common/type/319'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.jiajia1 = Number(data.data.value)
					}
				})
			},
			// 获取26-30Kg加价费
			jiajiaBtn2() {
				this.$http({
					url: this.$http.adornUrl('common/type/320'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.jiajia2 = Number(data.data.value)
					}
				})
			},
			// 获取31-40Kg加价费
			jiajiaBtn3() {
				this.$http({
					url: this.$http.adornUrl('common/type/321'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.jiajia3 = Number(data.data.value)
					}
				})
			},
			// 获取41-50Kg加价费
			jiajiaBtn4() {
				this.$http({
					url: this.$http.adornUrl('common/type/322'),
					method: 'get',
					data: this.$http.adornData({})
				}).then(({
					data
				}) => {
					if (data.code == 0) {
						this.jiajia4 = Number(data.data.value)
					}
				})
			},
			// 获取重量
			zhongBtn() {
				if (this.itemWeight == '0-25kg') {
					this.jiajiaBtn1()
				}
				if (this.itemWeight == '26-30kg') {
					this.jiajiaBtn2()
				}
				if (this.itemWeight == '31-40kg') {
					this.jiajiaBtn3()
				}
				if (this.itemWeight == '41-50kg') {
					this.jiajiaBtn4()
				}

			},
		},
		mounted() {
			this.homeSelect()
			this.guangaoSelect()
			this.xianshi()
		}
	}
</script>

<style>
	.customWidth {
		width: 80% !important;
	}

	.adver_main.box {
		display: block;
		max-width: 100%;
		text-align: center;
		border: 1px dotted rgba(67, 79, 103, .4);
	}

	.cards {
		padding: 0 8px;
		margin-bottom: 15px;
	}

	.adver_main.box a {
		display: flex;
		justify-content: center;
		height: 150px;
		line-height: 150px;
		text-decoration: none
	}

	.bannerManin {
		border: 1px solid #e8e8e8;
		font-size: 14px;
		padding: 0 24px;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 113px;
		color: rgba(0, 0, 0, .65);
	}

	.bannerManin span {
		display: inline-block;
		margin-left: 5px;
	}

	.bannerManin img {
		width: 48px;
		height: 48px;
		border-radius: 50%;
	}

	.bannerbtn {
		display: flex;
		border-top: none !important;
		border: 1px solid #e8e8e8;
		padding: 11px;
		font-size: 14px;
		color: #3E8EF7;
	}

	.bannerbtn a {
		flex: 1;
		text-align: center;
		color: #3E8EF7 !important;
		text-decoration: none;
	}

	.imgs {
		position: relative;
		border-radius: 6px;
		width: 148px;
		height: 148px;
		margin-right: 10px;
		display: inline-block;
	}

	.dels {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	}

	.dels .el-icon-delete {
		line-height: 148px;
		padding-left: 58px;
		font-size: 25px;
		color: #fff;
	}

	.imgs:hover .dels {
		width: 100%;
		height: 100%;
		background: #000;
		display: block;
		opacity: 0.5;
	}

	.bqList {
		padding: 4px 14px;
		margin: 4px;
		border: 1px solid #efefef;
		font-size: 12px;
		color: #999;
		border-radius: 4px;
		margin-right: 15px;
	}

	.delss {
		display: none;
		position: relative;
	}

	.delss .el-icon-delete {
		position: absolute;
		top: 0;
	}

	.bqList:hover .delss {
		display: initial;
		opacity: 0.5;

	}

	.tj {
		padding: 6px !important;
		margin: 4px;
		font-size: 12px;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
</style>